import { View } from '@tarojs/components';
import Card from 'components/CodeCard';
import s from './index.module.scss'
import { useState } from 'react';
import code from './code.md'

export default function Shadow() {
  const [show, setShow]=useState(true)
  return(
    <Card
      title='box-shadow 正值'
      desc='box-shadow的前两个值都为正值，阴影向右下方移动，必需属性'
      renderCode={() =>(
        show ? <wemark md={code} link highlight type='wemark' />  :null
      )}
      btn={() =>{setShow(!show)}}
    >
      <View className={s.container}>
        <View className={s.box_1}></View>
      </View>
    </ Card>
  )
}